<script setup>
import { ref } from 'vue'
import component3 from '@/components/3COMPONENT/component3.vue';

const first = ref('John')
const last = ref('Doe')
</script>

<template>
  <h1>{{ first }} {{ last }}</h1>
  <!-- 组件上的 v-model 也可以接受一个参数 -->
  <component3
    v-model:first-name="first"
    v-model:last-name="last"
  />
</template>